<template>
	<view class="content">
<!-- 		<view class="tophead">
			<uni-icons type="left" color="#666" size="26" @click="retFn"></uni-icons>
			<view class="">
				选择测流方式
			</view>
			<view class="" style="width: 100rpx;display: flex;justify-content: flex-end;align-items: center;">
				<view class="" style="margin-right: 20rpx;">
					<uni-icons type="help" color="#000000" size="26" @click="auxiliaryCurrentMeasurementFn"></uni-icons>
				</view>
			</view>
		</view> -->
		<u-navbar title="APP辅助自动测流" :leftIconSize="24" :bgColor="bgColor" rightIcon="question-circle" :autoBack="true"
			:placeholder="true" safeAreaInsetTop>
			<view class="u-nav-slot" slot="right" @click="auxiliaryCurrentMeasurementFn">
				<u-icon name="question-circle" color="#000" size="24"></u-icon>
			</view>
		</u-navbar>
		<!-- <view class="flx"> -->
		<!-- 		<view class="text-area" hover-class="text-area_ac" @click="labourCablewayFn">
			<view class="text-i">
				<image class="img" src="@/static/liusuy.png" mode=""></image>
				<view class="">
					流速仪测流
				</view>
			</view>
		</view> -->
		<view class="text-area" hover-class="text-area_ac" @click="cablewayFn">
			<view class="text-i">
				<image class="img" src="@/static/celiuc.png" mode=""></image>
				<view class="">
					索道式测流车
				</view>
			</view>
		</view>
		<view class="text-area" hover-class="text-area_ac" @click="utilityVehicleFn">
			<view class="text-i">
				<image class="img" src="@/static/celiub.png" mode=""></image>
				<view class="">
					轨道式测流车
				</view>
			</view>
		</view>
		<view class="text-area" hover-class="text-area_ac" @click="monorailFlowGaugeCarFn">
			<view class="text-i">
				<image class="img" src="@/static/celiue.png" mode=""></image>
				<view class="">
					伸缩杆测流车
				</view>
			</view>
		</view>


		<view class="text-area" hover-class="text-area_ac" @click="shensuog">
			<view class="text-i">
				<image class="img" src="@/static/celiua.png" mode=""></image>
				<view class="">
					固定式伸缩杆
				</view>
			</view>
		</view>
		<view class="celouzd_fox">
			<view class="celouzd">
				<view class="celouzd_box" hover-class="celouzd_av">
					测控参数
				</view>
				<view class="celouzd_box" hover-class="celouzd_av">
					流速系数
				</view>
			</view>
		</view>

		<!-- <view class="text-area" hover-class="text-area_ac">
			<view class="text-i">
				<image class="img" src="@/static/shicha.png" mode=""></image>
				<view class="">
					时差法流量计
				</view>
			</view>
		</view>
		<view class="text-area" hover-class="text-area_ac">
			<view class="text-i">
				<image class="img" src="@/static/leidab.png" mode=""></image>
				<view class="">
					雷达波流量计
				</view>
			</view>
		</view>
		<view class="text-area" hover-class="text-area_ac" @click="uploadMeteringFn">
			<view class="text-i">
				<image class="img" src="@/static/shanghchuan.png" mode=""></image>
				<view class="">
					上传测流参数
				</view>
			</view>
		</view> -->
		<!-- 		<view class="text-area" hover-class="text-area_ac" @click="overheadHeight">
			<view class="text-i">
				<image class="img" src="@/static/celg.png" mode=""></image>
				<view class="">
					测量架空高
				</view>
			</view>
		</view> -->
		<!-- </view> -->
		<!-- 		<view class="text-ar" hover-class="text-ar_ac" @click="qudaoFn">
			<image class="img" src="@/static/liebiaoa.png" mode=""></image>
			<view class="text-i" style="margin-left: 20rpx;">
				设置渠道断面
			</view>
		</view>
		<view class="text-ar" hover-class="text-ar_ac" @click="liusuyiFn">
			<image class="img" src="@/static/liusyi.png" mode=""></image>
			<view class="text-i" style="margin-left: 20rpx;">
				设置流速仪
			</view>
		</view>
		<view class="text-ar" hover-class="text-ar_ac" @click="configureEquipmentFn">
			<image class="img" src="@/static/peiz.png" mode=""></image>
			<view class="text-i" style="margin-left: 20rpx;">
				测流工具
			</view>
		</view> -->

	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgColor: '#f1f4f6',
				title: 'Hello',
			}
		},
		onLoad() {
			// if (this.vuex_login != 1) {
			// 	uni.redirectTo({
			// 		url: '/pages/login'
			// 	});
			// }
			this.infoProFn()
		},
		methods: {
			// 返回
			retFn() {
				uni.navigateBack({
					delta: 1
				});
			},
			shensuog(){
				uni.navigateTo({
					url: '/pages/currentMeasuringCar/increaseList?toolName=' + '固定式伸缩杆'
				});
			},
			auxiliaryCurrentMeasurementFn() {
				//在起始页面跳转到test.vue页面并传递参数
				uni.navigateTo({
					url: '/pages/manualFlowMeasurement/gongnengshuoming?id=' + '测流车测流'
				});

			},
			// 轨道式测流车
			utilityVehicleFn() {
				uni.navigateTo({
					url: '/pages/currentMeasuringCar/currentMeterList?toolName=' + '轨道式测流车'
				});
			},
			// 多普勒
			aaa() {
				uni.navigateTo({
					// url: '/pages/index/new_file'
				});
			},
			// 索道式测流车
			cablewayFn() {
				uni.navigateTo({
					url: '/pages/currentMeasuringCar/currentMeterList?toolName=' + '索道式测流车'
				});
			},
			// 人工流速仪测流 
			labourCablewayFn() {
				uni.navigateTo({
					url: '/pages/manualFlowMeasurement/index'
				});
				// uni.navigateTo({
				// 	url: '/pages/currentMeasuringCar/currentMeterList?toolName=' + '人工流速仪测流'
				// });
			},
			// 单轨测流车  
			monorailFlowGaugeCarFn() {
				uni.navigateTo({
					url: '/pages/index/dopplerBrand'
				});
				// uni.navigateTo({
				// 	url: '/pages/currentMeasuringCar/increaseList?toolName=' + '单轨测流车'
				// });
			},
			// 测量架空高 
			overheadHeight() {
				// uni.navigateTo({
				// 	url: '/pages/index/overheadHeight'
				// });
			},
			// 断面参数
			qudaoFn() {
				uni.navigateTo({
					url: '/pages/channel/index'
				});
			},
			// 流速仪
			liusuyiFn() {
				uni.navigateTo({
					url: '/pages/channel/currentMeter'
				});
			},
			// 测流工具
			configureEquipmentFn() {
				uni.navigateTo({
					url: '/pages/settings/index'
				});
			},
			// 上传测流断面
			uploadMeteringFn() {
				uni.navigateTo({
					url: '/pages/channel/uploadTheMeteringSection'
				});
			},
			// 登录用户信息
			infoProFn() {
				console.log('登录断面');
				uni.$u.http.get('/system/user/profile').then(res => {
					if (res.code == 200) {
						console.log('登录用户信息');
					} else {
						uni.redirectTo({
							url: '/pages/login'
						});
					}
				}).catch(err => {
					uni.redirectTo({
						url: '/pages/login'
					});
					console.log('错误', err);
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.tophead {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 80rpx 20rpx 10rpx 20rpx;
		color: #000000;
		background-color: #f3f3f3;
	}

	.content {
		padding: 30rpx;

		.text-area {
			font-size: 45rpx;
			color: #354e87;
			border-radius: 30rpx;
			margin: 20rpx;

			.text-i {
				margin-top: 30rpx;
				padding: 30rpx 30rpx;
				border-radius: 20rpx;
				border: 5rpx solid #ffffff;
				box-shadow: 0 0 10rpx 10rpx rgba(125, 139, 170, 0.2);
				display: flex;
				justify-content: space-around;
				align-items: center;

				.img {
					width: 80rpx;
					height: 80rpx;
				}
			}
		}

		.text-area_ac {
			background-color: #c1ceda;
		}

		.text-ar {
			margin-top: 20rpx;
			font-size: 40rpx;
			color: #354e87;
			border-radius: 300rpx;
			padding: 10rpx;
			border: 5rpx solid #ffffff;
			box-shadow: 0 0 10rpx 10rpx rgba(125, 139, 170, 0.2);
			display: flex;
			justify-content: space-around;
			align-items: center;

			.text-i {}

			.img {
				width: 80rpx;
				height: 80rpx;
			}
		}

		.text-ar_ac {
			background-color: #c1ceda;
		}
	}

	.celouzd_fox {
		position: fixed;
		bottom: 80rpx;
		color: #000000;
		left: 0;
		right: 0;
		width: 100%;
		font-size: 30rpx;
		text-align: center;

		.celouzd {
			margin-top: 50rpx;
			display: flex;
			align-items: center;
			justify-content: space-around;

			.celouzd_box {
				padding: 20rpx 30rpx;
				border-radius: 20rpx;
				border: 1rpx solid #000;
				background-color: #e4ebef;
				color: #000;
				font-size: 40rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

			.celouzd_av {
				background-color: #b8c7ce;
			}
		}
	}
	.u-nav-slot {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 5rpx 10rpx;
		}
</style>
<style>
	page {
		background-color: #f1f4f6;
	}
</style>